/*
reset css
*/
html{
	color:#000;
	background:#FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
xmp,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
}
fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	vertical-align:middle;
}

input,
textarea,
select {
	*font-size:100%;
}

legend {
	color:#000;
}

/*
fonts css
*/

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
a link
*/
a { 
	color:#0000FF;
	display:inline-block;
}
a:hover {
	color:#FF3300;
}
/*
a:visited { 
	text-decoration:underline;
	background:#F5F5F5;
}
*/
a:active {
	text-decoration:none;
	color:#993300;
}
/*
operate grids
*/
body { 
	border-top:3px solid #003399;
	text-align:center;
	color:#272727;
}
#container {
	width:985px;
	margin:0 auto;
	text-align:left;
}
#header {
	padding:16px 0;
	position:relative;
	padding-bottom:28px;
}
#header h1 {
	background:url(cssimg/logo.gif) no-repeat left top;
	width:160px;
	text-indent:-9999px;
	overflow:hidden;
}
#header h1 a {
	display:block;
	height:80px;
	background:url(cssimg/logo.gif) no-repeat left top;
}
#help { position:absolute; right:0; top:0; font-size:92%; background:#F5F5F5; padding:6px 8px;}
#help a { margin:0 6px;}
#nav {
	float:right;
	font-size:123.1%;
	padding-top:42px;
}
#nav li {
	float:left;
	padding-left:18px;
}
#nav li.last {
	padding-right:0;
}
#nav li a {
	color:#333333;
}
#nav li a:hover {
	color:#FF3300;
}
#nav li.current a {
	color:#0000FF;
}
/*
#header h1 a:focus {
	outline:0;
}
*/
#content { 
	float:left;
	width:720px;
}
.full-screen#content {
	float:none;
	width:auto;
}
#book {
	padding:16px 0;
}
#sidebar {
	float:right;
	width:232px;
	padding-left:28px;
	word-break:break-all;
}
#album {
	padding:12px 0;
}
.album-img {
	text-align:center;
}
.album-img h3 {
	font-size:108%;
	font-weight:bolder;
	padding:3px 9px;
	color:#FF9900;
}
.album-img p {
	padding:4px 0;
	
}
.album-img p img {
	padding:1px;
	background:#fff;
}
.album-control {
  clear:both;
	height:32px;
	padding-left:75px;
	padding-top:6px;
}
.album-control span {
	float:left;
	display:block;
	width:32px;
	height:32px;
	background:url(cssimg/albumcontorl.gif) no-repeat left top;
	cursor:pointer;
	margin-right:16px;
}
.album-control span.r {
	background:url(cssimg/albumcontorl.gif) no-repeat right top;
}
#footer {
	clear:both;
	padding-top:12px;
}
#footer #footer-in {
	border-top:1px solid #999;
	padding:14px;
	padding-bottom:28px;
}
#footer .copyright {
	float:right;
}
/*
chapter
*/
.chapter {}
.chapter h3 {
	padding:8px 14px;
	border-bottom:1px dotted #999;
}
.chapter h3 a {
	font-size:138.5%;
	font-weight:bolder;
}
.chapter h3 a.current {
	color:#FF3300;
	text-decoration:none;
}
.chapter h3 span.date {
	font-size:123%;
	font-weight:bolder;
	padding-left:12px;
	color:#333;
}
.chapter h3 span.time {
	font-size:85%;
	color:#999;
	padding-left:6px;
}
.chapter h3 span.option {
	float:right;
	display:block;
	width:16px;
	height:16px;
	cursor:pointer;
	background:url(cssimg/iconv1.png) no-repeat -16px 0;
	margin-top:5px;
}
.chapter.hide .add-ons,.chapter.hide .chapter-body {
	display:none;
}
/*
opt for chapter's state
*/
.chapter h3 span.turn-off {
	background:url(cssimg/iconv1.png) no-repeat 0 0;
}
.chapter .add-ons {
	font-size:92%;
	padding-bottom:12px;
}
.chapter .add-ons em {
	color:#FF6600;
	font-weight:bolder;
}
.chapter .add-ons .rside {
	float:right;
}
.chapter-body {
	padding:12px 14px;
	padding-right:0;
	font-size:108%;
	line-height:180%;
	padding-top:0;
}
.chapter-body p {
	text-indent:28px;
	padding-bottom:6px;
}
.chapter-body p a {
	text-indent:0;
	line-height:normal;
}
.chapter-body ul {
	background:#EEEEEE;
	padding:8px;
}
.chapter-body ul li { list-style-type:circle; padding-left:12px;}
.chapter-body dl { padding-left:28px; padding-bottom:8px;}
.chapter-body dt { background:#EEEEEE; padding-left:6px;}
.chapter-body dd { background:#F5F5F5; padding-left:6px;}
.chapter-body img {
	padding:2px;
	border:1px outset #CCC;
}
.chapter-body .view-all {
	line-height:normal;
}
/*
xmp pre
*/
.wd-code {
	background:#EBEBEB;
	padding:9px;
	padding-top:0;
	border:1px solid #CCC;
	line-height:normal;
	width:95%;/* ie6 bug */
}
.wd-code h4 {
	font-weight:bolder;
	padding:3px 0;
}
.wd-code pre {
	border:1px solid #FFCC66;
	background:#FFFF99;
	font-size:85%;
	padding:2px 4px;
}
.wd-code .note {
	color:#999;
}
/*
pagination
*/
.pagination {
	font-size:108%;
	padding:12px 0;
	padding-left:14px;
}
.pagination .sec2 {
	padding:0 7px;
}
.pagination em {
	font-weight:bolder;
	color:#FF6600;
}
.pagination a {
	display:inline-block;
	border:1px solid #F0F0F0;
	padding:1px 4px;
	margin:0 2px;
	text-decoration:none;
	color:#333;
}
.pagination a:hover {
	font-weight:bolder;
	color:#FF3300;
}
.pagination a.current {
	color:#0000FF;
	font-weight:bolder;
}
/*
cut-off rule
*/
.cut-off-top {
	border-top:2px dashed #666;
}
.cut-off-bottom {
	border-bottom:2px dashed #666;
}
/*
sidebar module
*/
.side-module {
	font-size:108%;
	line-height:180%;
}
.side-module h3 {
	font-weight:bolder;
	font-size:114%;
	border-bottom:2px dashed #ccc;
	padding:3px 6px;
}
.side-module ul {
	padding:6px;
}
.side-module li {
	list-style-type:none;
}
.side-module font {
	font-size:86%;
}
.side-module em {
	font-weight:bolder;
	color:#FF6600;
}
.side-module span.time {
	font-size:78%;
	color:#666;
}
/*
form
*/
input.text {
	width:170px;
}
input.def {
	color:#999;
}
/*
comments
*/
#comments {
	padding-top:7px;
}
#comments h3 {
	font-size:123.1%;
	font-weight:bolder;
	border-top:1px dashed #999;
	padding:7px 14px;
	padding-bottom:14px;
}
#comments h3 em {
	font-weight:bolder;
	font-size:85%;
	color:#FF6600;
}
#comments-list {
	font-size:108%;
	padding:3px 14px;
	padding-bottom:14px;
}
#comments-list li {
	border-top:1px dashed #ccc;
	padding:7px;
}
#comments-list li font {
	float:left;
	display:block;
	width:80px;
	text-align:right;
	font-size:88%;
}
#comments-list li p {
	margin-left:87px;
}
#comments-list li p span {
	font-size:85%;
	color:#999;
}
#comments-pub {
	padding:14px;
}
#comments-pub h4 {
	font-size:123.1%;
	font-weight:bolder;
	border-top:1px dashed #999;
	padding:7px 0;
	padding-bottom:14px;
}
#comments-pub table {
	font-size:108%;
}
#comments-pub th { text-align:right;}
#comments-pub th,#comments-pub td {
	padding:5px;
}
#comments-pub th em { color:#F30; padding-right:6px;}
/*
login
*/
#login {}
#login h3 {
	background:#009;
	color:#FFF;
	height:33px;
	line-height:33px;
	font-size:138.5%;
	font-weight:bolder;
	padding-left:14px;
}
#login .login-form {
	padding:30px 0 30px 350px;
}
.login-form {
	font-size:108%;
	line-height:180%;
	background:url(cssimg/loginshadow.jpg) repeat-x left top;
}
.login-form dl {
	padding:7px;
}
.login-form dl dt{
	float:left;
	width:60px;
	text-align:right;
}
.login-form dl dd.cue {
	margin-left:60px;
}
/*
about
*/
#about { background:#CCC; position:relative;}
#about .nav2 { position:absolute; left:80px; top:0;}
#about .nav2 li { float:left; padding:4px; height:50px; padding-left:7px;}
#about .nav2 li a { float:left; color:#999; text-decoration:none; height:25px; line-height:25px; padding:0 12px; font-size:108%;}
#about .nav2 li a:hover { color:#FC0;}
#about .nav2 li.cur { background:url(cssimg/about-cur.gif) 0 bottom no-repeat;}
#about .nav2 li.cur a { background:#333; color:#FC0; font-weight:bolder;}
#about h3 {
	background:#666;
	color:#FFF;
	height:33px;
	line-height:33px;
	font-size:138.5%;
	font-weight:bolder;
	padding-left:14px;
}
.about-contents {
	padding:24px 87px;
	 font-size:108%;
}
.about-contents div { background:#F0F0F0; padding:24px 12px; display:none;}
.about-contents div.cur { display:block;}
.about-contents dl { overflow:hidden; width:100%; padding-top:12px;}
.about-contents dl dt,.about-contents dl dd { float:left;}
.about-contents dl dt { color:#666;}
.about-contents dl dd { padding-right:24px;}
.about-contents dl dd.book-des { text-indent:28px; width:630px; line-height:180%;}
.about-contents dl dd.book-des a { text-indent:0;}
.about-contents ol { padding-left:24px;}
.about-contents ol li { list-style-type:decimal; padding-top:12px;}
.about-line {border-bottom:6px solid #F93; padding-bottom:18px;}
.book-line { border-bottom:1px dotted #999;}
/*
Rss
*/
.rss {
	background:url(cssimg/iconv1.png) no-repeat 0 -57px;
	height:23px;
	line-height:23px;
	padding-left:20px;
}
.space-e {
	padding:14px 6px;
}